<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/public.css">
	<link rel="stylesheet" href="./css/manage.css">
</head>
<body>
	<header class="clearfix">
		<div class="logo fl">
			<p>小U商城后台管理系统</p>
		</div>
		<div class="info fl">
			<div class="menu iconfont icon-caidan fl"></div>
			<div class="info-right fr">
				<div class="user fl">
					<img class="fl" src="./images/person.png" alt="">
					<p class="fl">周杰伦</p>
				</div>
				<div class="out fl">
					<div class="img iconfont icon-zhuxiaologout11
					 fl"></div>
					<p class="fl">注销</p>
				</div>
			</div>
		</div>
	</header>
	<article class="clearfix">
		<ul class="fl">
			<li class="click">
				<a href="#">
					<b class="iconfont icon-shangpinguanli"></b>商品管理
				</a>
				<ul class="sec-menu">
					<li class="mouseover">
						<a href="#">
							<span class="iconfont icon-buoumaotubiao25
							"></span>商品信息管理
						</a>
					</li>
					<li>
						<a href="./add.html">
							<span class="iconfont icon-buoumaotubiao25
							"></span>添加商品信息
						</a>
					</li>
					<li>
						<a href="#">
							<span class="iconfont icon-buoumaotubiao25
							"></span>商品类型管理
						</a>	
					</li>
				</ul>
			</li>
			<li>
				<a href="#">
					<b class="iconfont icon-dingdanguanli
					"></b>订单管理
				</a>
			</li>
			<li>
				<a href="#" id="">
					<b class="iconfont icon-wode"></b>用户管理
				</a>
			</li>
			<li>
				<a href="#">
					<b class="iconfont icon-guanliyuan
					"></b>管理员管理
				</a>
			</li>
		</ul>
		<section class="content fl">
			<h3>商品信息管理</h3>
			<div class="title clearfix">
				<div class="fl chroise">
					<button>添加</button><button>修改</button><button>删除</button><button>刷新</button>
				</div>
				<div class="fr search">
					商品名称：<input type="search">
					<button>查询</button>
				</div>
				<div class="small-search">
					搜索<span class="iconfont icon-jiantou2
					"></span>
				</div>
			</div>
			<div class="tab">
				<table>
					<!-- <col width="31">
					<col width="108">
					<col width="163">
					<col width="91">
					<col width="141">
					<col width="141">
					<col width="149">
					<col width="121">
					<col width="134"> -->
					<thead>
						<tr>
							<th>
								<input type="checkbox">
							</th>
							<th>
								商品名称
							</th>
							<th>
								名称
							</th>
							<th>价格</th>
							<th>一级分类</th>
							<th>二级分类</th>
							<th>三级分类</th>
							<th>状态</th>
							<th>详情</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox">
							</td>
							<td>1</td>
							<td>华为mate9</td>
							<td>3020</td>
							<td>数码</td>
							<td>手机</td>
							<td>国产手机</td>
							<td>申请中</td>
							<td>
								<button>详情</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</section>
	</article>
</body>
</html>